<template>
    <div class="ui form" >
        <div class="ui red message"><i class="warning circle icon"></i>购买限制不可自定义配置</div>
        <h4 class="ui header">预定服务信息</h4>
        <div class=" fields" :class="{disabled:disable}">
            <div class="field inline">
                <label>供应商：</label>
                <div class="ui action input" >
                    <input  type="text" placeholder="输入关键字">
                    <div class="ui button secondary">搜索</div>
                </div>
            </div>
        </div>
        <div class=" fields" :class="{disabled:disable}">
            <div class="field inline">
                <label>联系人：</label>
                <input  type="text" placeholder="输入关键字">
            </div>
            <div class="field inline">
                <label>联系电话：</label>
                <input  type="text" placeholder="输入关键字">
            </div>
        </div>
        <div class="inline fields" :class="{disabled:disable}">
            <label>需要预定时间？</label>
            <div class="field">
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency" checked="checked">
                    <label>是</label>
                </div>
            </div>
            <div class="field">
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency">
                    <label>否</label>
                </div>
            </div>
        </div>
        <div class="inline fields" :class="{disabled:disable}">
            <label>最晚提前预定时间</label>
            <div class="field inline">
                <input  type="number" name="frequency">
                <label>天</label>
                <input  type="number" name="frequency">
            </div>
        </div>
        <!-- <h4 class="ui header">预定确认时间</h4>
        <div class="inline fields" :class="{disabled:disable}">
            <label>确认时间</label>
            <div class="field inline">
                <input  type="number" name="frequency"><label>小时</label>
            </div>
            <label>周末时间：</label>
            <div class="field">
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency" checked="checked">
                    <label>是</label>
                </div>
            </div>
            <div class="field">
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency">
                    <label>否</label>
                </div>
            </div>
            <label>节假日工作：</label>
            <div class="field">
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency" checked="checked">
                    <label>是</label>
                </div>
            </div>
            <div class="field">
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency">
                    <label>否</label>
                </div>
            </div>
        </div> -->
        <!-- <h4 class="ui header">待处理订单提醒</h4>
        <div class="field" :class="{disabled:disable}">
            <div class="ui radio checkbox">
                <input  type="radio" name="frequency">
                <label>短信</label>
            </div>
            <div class="field input">
                <input  type="text" placeholder="手机号码">
            </div>
            <div class="ui radio checkbox">
                <input  type="radio" name="frequency">
                <label>邮件</label>
            </div>
            <div class="field input">
                <input  type="text" placeholder="邮箱地址">
            </div>
        </div> -->
        <h4 class="ui header">预定限制</h4>
        <div class="field" :class="{disabled:disable}">
            <label>旅客信息：</label>
            <div class="field">
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency" checked="checked">
                    <label>需要</label>
                </div>
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency">
                    <label>不需要</label>
                </div>
            </div>
            <label>证据类型</label>
            <div class="field">
                <div class="ui  checkbox">
                    <input  type="checkbox" name="frequency" checked="checked">
                    <label>身份证</label>
                </div>
                <div class="ui  checkbox">
                    <input  type="checkbox" name="frequency">
                    <label>驾驶证</label>
                </div>
                <div class="ui  checkbox">
                    <input  type="checkbox" name="frequency">
                    <label>军官证</label>
                </div>
                <div class="ui  checkbox">
                    <input  type="checkbox" name="frequency">
                    <label>护照</label>
                </div>
            </div>
            <label>份数限制：</label>
            <div class="field">
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency">
                    <label>是</label>
                </div>
                <div>
                    <input type="text">
                </div>
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency" checked="checked">
                    <label>否</label>
                </div>
            </div>
            <label>配送：</label>
            <div class="field">
                <div>
                    <input  type="radio" name="frequency">
                    <div class="ui selection dropdown">
                        <input type="hidden" name="gender">
                        <i class="dropdown icon"></i>
                        <div class="default text">按商品为单位退款，无需审核</div>
                        <div class="menu">
                            <div class="item" data-value="1">按商品为单位退款，无需审核</div>
                            <div class="item" data-value="0">按商品为单位退款，无需审核</div>
                        </div>
                    </div>
                    <span>份</span>
                </div>
                <div>
                    <input  type="radio" name="frequency" checked="checked"><label>否</label>
                </div>
                <div>
                    <label>核单地址：</label>
                    <input  type="text">
                </div>
            </div>
            <label>自动发货：</label>
            <div class="field">
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency">
                    <label>是</label>
                </div>
                <div class="ui radio checkbox">
                    <input  type="radio" name="frequency" checked="checked">
                    <label>否</label>
                </div>
            </div>
            <div class="field">
                <label>退款类型</label>
                <div class="ui selection dropdown">
                    <input type="hidden" name="gender">
                    <i class="dropdown icon"></i>
                    <div class="default text">按商品为单位退款，无需审核</div>
                    <div class="menu">
                        <div class="item" data-value="1">按商品为单位退款，无需审核</div>
                        <div class="item" data-value="0">按商品为单位退款，无需审核</div>
                    </div>
                </div>
            </div>

        </div>
        <h4 class="ui header" :class="{disabled:disable}">服务信息</h4>
        <div class="field" :class="{disabled:disable}">
            <label>信息模版</label>
            <textarea></textarea>
        </div>
        <div class="field" :class="{disabled:disable}">
            <label>商品备注</label>
            <textarea></textarea>
        </div>
    </div>
</template>
<script>
    import tool from 'src/util/tool';
    import util from '_util/index';
    import logic from '_logic';


    export default {
        data() {
            return {
                val: null,
                vo: {}
            }
        },
        components: {},
        watch: {},
        methods: {},
        computed: {},
        mounted() {

        },
        props: {
            disable: {
                default: true
            }
        },
        created() {

        },
        mounted(){

        }
    }
</script>
<style scoped lang="less">

.inlineInput {
    display: inline-block;
}
</style>
